{$layout}
{$template "../menu"}
{$template "/left_menu_with_menu"}

<div class="right-box with-menu">
    {$template "menu"}

    <div v-if="isRequesting" class="ui message">正在节点服务状态检测中，请稍候...</div>
    <div v-if="!isRequesting">
        <div v-if="results.length == 0">暂时还没有节点。</div>
        <div v-else>
            <div class="margin"></div>
            <table class="ui table selectable">
                <thead>
                    <tr>
                        <th>节点名</th>
                        <th>是否已启用服务</th>
                        <th>提示消息</th>
                    </tr>
                </thead>
                <tr v-for="result in results">
                    <td>{{result.nodeName}}</td>
                    <td>
                        <span v-if="result.isOk" class="green">Y</span>
                        <span v-else class="red">N</span>
                    </td>
                    <td>
                        <span :class="{red: !result.isOk}">{{result.message}}</span>
                    </td>
                </tr>
            </table>

            <p class="comment">
                <a href="" @click.prevent="reload()">[刷新]</a>
            </p>
        </div>
    </div>
</div>